<template>
    <div class="titleRoot">
        <div class="ctx">
            <div class="button">
                <slot name="left"></slot>
            </div>
            <div class="text"><slot>{{ text }}</slot></div>
            <div class="button">
                <slot name="right"></slot>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'WorkspaceJsonTitle',

    data() {
        return {

        };
    },
    props: {
        text: {}
    },
    mounted() {

    },

    methods: {

    },
};
</script>

<style lang="scss" scoped>
@import '@/uni.scss';

.titleRoot {
    height: $uni-nav;
    background: $uni-color-primary;
    text-align: center;
    line-height: $uni-nav;
    color: $uni-text-color-inverse;
}
.ctx{
    display: flex;
    justify-content: space-between;
    .button{
        width: 25%;
    }
}
</style>